@charset "utf-8";
@mixin sizing(){-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
@mixin transition($trans){-moz-transition:$trans;-webkit-transition:$trans;-o-transition:$trans;-ms-transition:$trans;transition:$trans;}
@mixin opacity($opacity){filter:alpha(opacity=$opacity*100);-moz-opacity:$opacity;-khtml-opacity:$opacity;-o-opacity:$opacity;-ms-opacity:$opacity;opacity:$opacity;}
@mixin border-radius($radius){-moz-border-radius:$radius;-webkit-border-radius:$radius;-o-border-radius:$radius;-ms-border-radius:$radius;border-radius:$radius;}
@mixin box-shadow($shadow){-webkit-box-shadow:$shadow;-moz-box-shadow:$shadow;-o-box-shadow:$shadow;-ms-box-shadow:$shadow;box-shadow:$shadow;}

html,body{background:#FFF;overflow-x:hidden;font-family:'TradeGothicW01-BoldCn20 675334',arial,"Hiragino Sans GB",sans-serif,"microsoft yahei","simhei","Verdana","宋体";color:#000;}
blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0;}

a{
	hide-focus:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;@include transition(all 0.25s ease-in-out);
	&:hover,&:focus,&:active{hide-focus:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;}
}
.both{
	display:block;clear:both;overflow:hidden;
	&:before,&:after{display:block;clear:both;height:0px;width:100%;content:'';overflow:hidden;}
}
.flex{display:flex;}
.jus_between{display:flex;justify-content:space-between;}
.jus_start{display:flex;justify-content:flex-start;}
.jus_center{display:flex;justify-content:center;}

.pux_btn,.pux_edge,.pux_inline,img{vertical-align:middle}
.pux_btn,.pux_disabled,.pux_icon,.pux_unselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;}
.pux_btn{
	display:inline-block;
	height:38px;line-height:38px;
	padding:0 18px;@include transition(all 0.25s ease-in-out);
	background-color:#333;color:#fff;
	white-space:nowrap;text-align:center;
	font-size:14px;border:none;border-radius:3px;
	cursor:pointer;outline:0;
	&:hover,&:focus{@include opacity(0.8);color:#fff;@include box-shadow(0 0 5px rgba(30,30,30,.3));}
	&:active,&.active{@include opacity(1);@include box-shadow(0 0 5px rgba(30,30,30,.3));}
}
.btn_black{background-color:#333;}
.btn_orange{background-color:#FF5513;}
.btn_default{
	background-color:#FFFFFF;border:1px solid #ccc;color:#333;
	&:hover,&:focus,&:active,&.active{color:#333;background-color:#e6e6e6;border-color:#adadad;}
}
.btn_link{
	background-color:rgba(255,255,255,0);border:1px solid rgba(255,255,255,0);color:#333;
	height:30px;line-height:30px;padding:0 10px;
	&:hover,&:focus,&:active,&.active{border-color:rgba(255,255,255,0);color:#000;}
}
.lst-1{width:100%;}
.lst-2{width:50%;}
.lst-3{width:33.3333%;}
.lst-4{width:25%;}
.lst-5{width:20%;}
.separator{display:block;clear:both;overflow:hidden;height:5px;border-bottom:1px solid #CCC;}
.puxuEditor{
	margin:0px auto;position:relative;width:1340px;border:5px solid #333;
	*{margin:0px auto;padding:0px;@include sizing();}
}
.PuXu_content{
	margin:8px 0px 8px 8px;border:3px solid #333;position:relative;width:1165px;
	display:flex;justify-content:flex-start;
}
.PuXu_E_left,.PuXu_E_center,.PuXu_E_right{
	height:843px;
}
.PuXu_E_center{
	width:94px;border-left:3px solid #333;border-right:3px solid #333;
	.cent-top{
		height:240px;display:flex;align-items:center;text-align:center;
		span{font-size:32px;font-weight:bold;width:30px;display:inline-block;margin:auto;}
	}
	.cent-middle{
		height:460px;display:flex;align-items:center;text-align:center;padding:0px 15px;position:relative;
		&:before,&:after{
			display:block;clear:both;height:48px;width:auto;content:'';overflow:hidden;position:absolute;
			background-repeat:no-repeat;background-position:center center;background-size:cover;left:0px;right:0px;
		}
		&:before{background-image: url('../image/px_center_top.png');top:0px;}
		&:after{background-image: url('../image/px_center_foot.png');bottom:0px;}
		em,span{font-size:20px;width:25px;display:inline-block;margin:auto;font-style:normal;}
	}
	.cent-foot{
		height:142px;display:flex;align-items:center;text-align:center;position:relative;
		span{font-size:24px;font-weight:bold;width:26px;display:inline-block;margin: auto;}
		em{
			font-style:normal;display:inline-block;
			&.left{margin:auto auto auto 4px;}
			&.right{margin:auto 4px auto auto;}
		}
	}
}
.PuXu_E_left,.PuXu_E_right{
	width:534px;position:relative;
	.Editiframe{border:none;border-width:0px;height:100%;width:100%;position:absolute;left:0px;top:0px;}
}
.PuXu_Tool{
	position:absolute;background-color:#F3F3F3;width:160px;right:0px;top:0px;bottom:0px;border-left:5px solid #333;
	.Tool_foot{
		position:absolute;bottom:0px;left:3px;right:3px;
		.list{width:50%;padding:3px 3px 6px;}
		.list .pux_btn{display:block;width:100%;}
		.list.active .btn_default{background-color:#FF5513;color:#FFFFFF;border:1px solid #FF5513;}
		.instructions{
			display:block;text-align: center;padding:10px 0px 15px;
			a{color:#333333;}
			a:before{
				height:20px;width:20px;content:'';overflow:hidden;display:inline-block;vertical-align:middle;
				background: url('../image/px_help.png') no-repeat center center;margin-right:10px;
			}
		}
	}
	.Tool_body{
		ul,li{list-style:none;}
		display:block;height:810px;padding-top:3px;/*overflow-y:auto;*/
		.literm{
			padding:0px 3px;position:relative;
			.list{padding:3px 3px 3px;}
			.pux_btn{display:block;width:100%;@include opacity(0.8);}
			.icol:before{height:25px;width:25px;}
			.ifill:before{height:14px;width:14px;}
		}
		.separator{margin-left:6px;margin-right:6px;}
		.separator+.literm{padding-top:4px;}
		.operable .pux_btn{
			@include opacity(1);border:1px solid #333;
			&:hover,&:focus{border:1px solid #FF5513;color:#FF5513;}
			&:active,&.active{border:1px solid #333;color:#FFF;}
			.caret{margin-left:10px;}
			&.btn_link{
				background-color:rgba(255,255,255,0);border-color:rgba(255,255,255,0);
				&:hover,&:focus,&:active,&.active{color:#000;background-color:#FFF;}
			}
		}
		.btn_orange,.operable .pux_btn.btn_orange{
			border:1px solid #FF5513;
			&:hover,&:focus{border:1px solid #FF5513;color:#FFF;}
			&:active,&.active{border:1px solid #333;color:#333;}
		}
		.ulflow-y{display:block;overflow-y:auto;border-top:1px solid #FF5513;border-bottom:2px solid #FF5513;}
//		.ulflow-y::-webkit-scrollbar{width:5px;}
//		.ulflow-y::-webkit-scrollbar-thumb{width:5px;}
	}
}
.pux-menuDropdown{display:none;z-index:990;position:absolute;zoom:1;left:0px;right:0px;top:0px;margin-top:42px;}
.btn_link+.pux-menuDropdown{margin-top:38px;}
.btn_orange+.pux-menuDropdown{margin-top:41px;}
.list div:active .pux-menuDropdown,.pux-menuActive .pux-menuDropdown{display:block;}
.pux-menuDropdown ul.pxul{
	/*position:absolute;overflow:hidden;z-index:999;left:3px;right:3px;top:44px;*/
	zoom:1;height:0px;@include transition(all 0.25s ease-in-out); @include opacity(0);margin:0px 3px;
	li a{
		display:block;height:35px;line-height:35px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
		&:hover,&:focus,&:active{background-color:#F3F3F3;color:#FF5513;}
	}
	&.icselect li a{
		text-align:left;
		&:before{height:20px;width:20px;content:'';overflow:hidden;display:inline-block;vertical-align:middle;margin:auto 5px;}
	}
	&.icselect li.active a:before{background: url(../image/ico_select.png) no-repeat center center;background-size: cover;}
}
.list:active .pux-menuDropdown ul.pxul,.pux-menuActive .pux-menuDropdown ul.pxul{
	display:block;background:#FFF;@include border-radius(3px);padding:5px;height:auto;
	@include opacity(1);@include box-shadow(0 0 8px rgba(30,30,30,.4));
}
.tableflow{
	/*position:absolute;z-index:999;overflow:hidden;left:-100px;right:3px;top:44px;*/
	zoom:1;height:0px;@include transition(all 0.25s ease-in-out); @include opacity(0);margin-right:3px;margin-left:-100px;
}
.pux-menuDropdown:active .tableflow,.pux-menuActive .pux-menuDropdown .tableflow{
	display:block;background:#FFF;@include border-radius(3px);padding:5px;height:auto;
	@include opacity(1);@include box-shadow(0 0 8px rgba(30,30,30,.4));
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 6px dashed;
  border-top: 6px solid \9;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
.icet{
	position:relative;padding-right:30px;
	.caret{position:absolute;top:50%;margin-top:-3px;right:10px;}
}
.icot{
	position:relative;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:contain;text-indent:-1000px;
	.caret{position:absolute;top:50%;margin-top:-3px;right:3px;}
}
.ifill{
	position:relative;overflow:hidden;text-align:center;
	.caret{position:absolute;top:50%;margin-top:-3px;right:3px;}
	&:before{
		content:'';overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:contain;display:inline-block;margin-right:3px;
		margin-left:-13px;
		vertical-align:-2px;
	}
}
.ico_html{background-image:url('../image/ico_html.png');}
.ico_retreat{background-image:url('../image/ico_retreat.png');}
.ico_redo{background-image:url('../image/ico_redo.png');}
.ico_Bold{background-image:url('../image/ico_Bold.png');}
.ico_Italics{background-image:url('../image/ico_Italics.png');}
.ico_underline{background-image:url('../image/ico_underline.png');}
.ico_line-through{background-image:url('../image/ico_line-through.png');}
.ico_colorlump{background-image:url('../image/ico_colorlump.png');}
.ico_Addsize{background-image:url('../image/ico_Addsize.png');}
.ico_Reducesize{background-image:url('../image/ico_Reducesize.png');}
.ico_Alignleft{background-image:url('../image/ico_Alignleft.png');}
.ico_Textleft{background-image:url('../image/ico_Textleft.png');}
.ico_spacing{background-image:url('../image/ico_spacing.png');}
.ico_line-height{background-image:url('../image/ico_line-height.png');}
.ico_text-indent{background-image:url('../image/ico_text-indent.png');}
.ico_AlignTextLeft{background-image:url('../image/ico_AlignTextLeft.png');}
.ico_AlignTextCenter{background-image:url('../image/ico_AlignTextCenter.png');}
.ico_AlignTextRight{background-image:url('../image/ico_AlignTextRight.png');}
.ico_AlignBothEnds{background-image:url('../image/ico_AlignBothEnds.png');}
.ico_AlignDisperse{background-image:url('../image/ico_AlignDisperse.png');}
.ico_AlignTextTop{background-image:url('../image/ico_AlignTextTop.png');}
.ico_AlignCenterText{background-image:url('../image/ico_AlignCenterText.png');}
.ico_AlignTextDown{background-image:url('../image/ico_AlignTextDown.png');}

.icol:before{
	content:'';overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:contain;display: inline-block;margin-right:10px;
	vertical-align:-7px;
}
.ico_hierarchy:before{background-image:url('../image/ico_hierarchy.png');}
.ico_picture:before{background-image:url('../image/ico_picture.png');}
.ico_table:before{background-image:url('../image/ico_table.png');}
.ico_shape:before{background-image:url('../image/ico_shape.png');}
.ico_filling:before{background-image:url('../image/ico_filling.png');}
.ico_frame:before{background-image:url('../image/ico_frame.png');}

@keyframes iceEditorPopup{
	0%{top:-100px;opacity:0}
	to{top:0;opacity:1}
}
.Tool_body input{height:27px!important;line-height:27px!important;padding:3px!important;border:1px solid #B7B7B7!important;font-family:inherit;font-size:inherit;vertical-align:middle;outline:none;display:inline-block!important;}
.pux-group{
	text-align:left;margin-bottom:10px;
	label{min-width:50px!important;display:inline-block!important;text-align:right!important;font-weight:normal!important;}
}
.pux-popup{
	display:none;
	.pux-insertImage{text-align:center}
	.pux-insertImageUrl{width:225px!important;height:27px;outline:0;margin-right:10px;}
	.pux-inputWidth{width:50px!important;height:27px;outline:0;margin-right:15px}
	.pux-inputHeight{width:50px!important;height:27px;outline:0}
	.pux-btn{width:auto;display:inline-block;float:none;color:#fff!important;height:27px;line-height:25px;padding:0 10px;background:#939393;vertical-align:middle;margin-left:5px;border:1px solid #7b7b7b}
	.pux-btn:hover{background:#7b7b7b!important;color:#fff}
	input.pux-uploadInput{display:none!important;}
}
.pux-popupBox{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.33);@include opacity(0.5);z-index:1;}
.pux-popupMain{
	width:400px;height:200px;position:fixed;margin:auto;top:0;bottom:0;left:0;right:0;
	background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.12);z-index:9999;animation-name:iceEditorPopup;animation-duration:.5s;
}
.pux-popupTitle{
	width:100%;height:30px;line-height:30px;background:#2f2f2f;padding:0 10px;color:#fff;
	span{display:inline-block;vertical-align:middle}
	&::before{content:"";display:inline-block;width:10px;height:10px;border-radius:10px;background:#c7f98c;vertical-align:middle;margin-right:8px}
}
.pux-popupClose{
	float:right;padding:0 10px;color:#fff;font-size:18px;cursor:pointer;margin-right:-10px;
	&:hover{color:#8fe5ff;}
}
.pux-popupContent{width:100%;padding:10px;color:#000;overflow:auto;float:left}
.pux-exec{cursor:pointer}
.pux-icon{width:22px;height:16px;fill:currentColor;overflow:hidden;vertical-align:middle;font-size:16px}
.pux-uploadIcon{max-width:200px;max-height:80px;color:#bababa;margin:10px auto 15px;}
.pux-uploadBtn{float:none;width:auto;font-size:15px;background:#00b7ee;height:40px;line-height:40px;padding:0 30px;color:#fff;display:inline-block;margin:0 auto 15px auto;cursor:pointer;box-shadow:0 1px 1px rgba(0,0,0,.1)}
.pux-uploadBtn:hover{background:#009ccb}

.pux-tableBox{position:relative;width:190px;height:214px;padding:5px;overflow:hidden}
.pux-tableBgOn{position:absolute!important;top:5px;left:5px;z-index:4;width:18px;height:18px; background:url() repeat}
.pux-tableBgOff{width:180px;height:180px; background:url() repeat}
.pux-tableNum{height:30px;line-height:30px;text-align:center;color:#757575}
.pux-backColor{width:230px;padding:5px}
.pux-backColor span{width:20px;height:20px;padding:0;margin:1px;display:inline-block}
.pux-backColor li {display: inline-block;float: left;line-height: initial;}
.Tool_body .pux-disabledMask{background:rgba(238,238,238,0.7);width:100%;height:100%;position:absolute;left:0;top:0;display:none;z-index:9;}
.pux-active{position:relative;z-index:12;}
